<template>
  <div class="headbox">
    <slot name="header"></slot>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  methods: {
    onClickLeft() {
     this. $router.go(-1)
    },
    onClickRight() {
      Toast("按钮");
    },
  },
};
</script>

<style scoped lang="less">
.headbox {
  background: #f3d02a;
  width: 100%;
  height: 1.2rem;
  box-sizing: border-box;
  .van-nav-bar {
    height: 100%;
    background: #f3d02a;
    font-weight: 900;
    font-size: 0.35rem;
    box-sizing: border-box;
    padding-top: 0.3rem;
    .van-nav-bar__title {
      font-weight: 700;
      color: black !important;
    }
  }
  .van-nav-bar .van-nav-bar__left .van-icon {
    color: black !important;
  }
}
</style>